<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>经纪人/中介机构</title>
		<link rel="stylesheet" href="css/index.css"/>
		<link rel="stylesheet" href="css/container.css" />
		<link rel="stylesheet" href="css/content.css" />
		<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	</head>
	<body>
		<header>
			<!-- header顶部标语、登陆注册 -->
			<div class="header-top">
			<div class="container">
				<div class="row">
					<div class="header-top-left">
						<div class="welcome-msg"><span>欢迎来到四川大学科技成果交易平台!</span></div>
					</div>
					<div class="header-top-right">
						<ul class="header-links">
							<li><a href="sign-in1.html">登陆</a></li>
							<li><a href="sign-up1.html">注册</a></li>
							<li><a href="about.html">关于</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- header中部logo、搜索部分 -->
		<div class="header-middle">
			<div class="container">
				<div class="row">
					<div class="logo">
						<a href="index.html"><img src="imgs/logo.png" alt=""></a>
					</div>
					<div class="search-box">
						<form action="#">
							<input class="form-control search-form" type="text">
							<button class="search-button" value="Search" type="submit">搜索</button>
						</form>
					</div>
					<div class="pass"></div>
				</div>
			</div>
		</div>
		<!-- header下部菜单导航区域 -->
		<div class="main-menu-area">
			<div class="container">
				<div class="row">
					<div class="colo-md-12">
						<div class="main-menu">
							<ul>
								<li><a href="index.html">首页</a></li>
								<li><a href="technology.html">科技成果</a></li>
								<li><a href="demand.html">需求信息</a></li>
								<li><a href="support.html">经纪人/中介机构</a></li>
								<li><a href="expert.html">行业专家</a></li>
								<li><a href="patentservice.html">专利服务</a></li>
								<li><a href="activity.html">活动/公告</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		</header>
		<!-- 内容展示 -->
		<div class="site-content">
		<!-- 科技成果内容 -->
		<div class="content-area">
			<div class="container">
					<div class="category">
						<span class="tit">专利类型：</span>
						<a href="#" class="">不限</a>
						<a href="#" class="">发明专利</a>
						<a href="#" class="">实用新型</a>
						<a href="#" class="hover">外观设计</a>
					</div>
					<div class="content-product">
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="imgs/1.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果1</b></p>
								<p class="p-describe">成果1简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="imgs/2.png"></div>
							<div class="p-text">
								<p class="p-title"><b>成果2</b></p>
								<p class="p-describe">成果2简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="imgs/3.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果3</b></p>
								<p class="p-describe">成果3简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="imgs/4.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果4</b></p>
								<p class="p-describe">成果4简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="imgs/5.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果5</b></p>
								<p class="p-describe">成果5简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="imgs/6.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果6</b></p>
								<p class="p-describe">成果6简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="imgs/7.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果7</b></p>
								<p class="p-describe">成果7简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="imgs/8.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果8</b></p>
								<p class="p-describe">成果8简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="imgs/9.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果9</b></p>
								<p class="p-describe">成果9简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="imgs/10.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果10</b></p>
								<p class="p-describe">成果10简述内容</p>
							</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="footer-middle">
				<div class="container">
					<div class="row">
						版权所有：Copyright © 2018 WSN
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>
